.nt-downloading-tip{
    position:fixed;
    top:52px;left:50%;
    display:none;opacity:0;
    padding-left:52px;
    padding-right:20px;
    z-index:9999999;
    transform: translateX(-50%);
    z-index:1;
    height:40px;line-height:40px;
    min-width:160px;
    box-sizing: border-box;
    color:#fff;
    font-size:14px;
    transition: opacity .5s;
    font-weight:400;
    border-radius:8px;
    background: #FFB601;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.14);
    i{
        position:absolute;
        top:10px;left:16px;
        width: 20px;
        height:20px;
        display:block;
        background:url() center center no-repeat;
        background-size:20px 20px;
    }
    &.AC{
        background: #15CC98;
    }
}

.nt-update-box{
    position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:9999999;
    .update-con-wr{
        position:absolute;
        width:360px;
        min-height:325px;
        padding-top:125px;
        box-sizing: border-box;
        display:none;
        opacity:0;
        top:50%;left:50%;
        transform: translate(-50%, -50%);
        z-index:1;
        transition: opacity .5s;
        .update-con{
            position:relative;
            width:360px;
            min-height:200px;
            padding:0;
            padding-top:57px;
            padding-bottom: 28px;
            border-radius: 0 0 25px 25px;
            box-sizing: border-box;
            background: #FFFFFF;
            z-index:1;
            .update-top-icon{
                position:absolute;
                width:402px;
                height:170px;
                z-index: 1;
                top:-125px;
                left:50%;
                transform: translate(-50%, 0);
                background: url() center center no-repeat;
                background-size: 402px 170px;
            }
            .update-title{
                position:relative;
                height:20px;
                z-index:2;
                padding:0;
                margin:0;
                display:block;
                box-sizing: border-box;
                line-height:20px;
                text-align:center;
                font-size:20px;
                font-weight:500px;
                color:#17191A;
                font-family: PingFangSC-Medium, PingFang SC;
            }
            .update-content{
                position:relative;
                display:block;
                z-index:2;
                margin-top:19px;
                width:100%;
                word-wrap:break-word;
                white-space: pre-line;
                padding-left:48px;
                padding-right:31px;
                line-height:24px;
                font-size:16px;
                box-sizing: border-box;
                font-weight:400;
                text-align: center;
                color:#646566;
                font-family: PingFangSC-Regular, PingFang SC;
                &.ttleft{
                    text-align: left;
                }
            }
            .update-btn{
                position:relative;
                display:block;
                z-index:2;
                box-sizing: border-box;
                outline:none;
                border:none;
                width:240px;
                height:44px;
                line-height:44px;
                border-radius:22px;
                text-align:center;
                margin:0 auto;
                margin-top:28px;
                background: linear-gradient(90deg, #ffb601 0%, #ff970e 70%, #ff8518 100%);
                color:#FFFFFF;
                font-size:16px;
                font-weight:500;
                font-family: PingFangSC-Regular, PingFang SC;
            }
        }
    }
    .downloaded-con-wr{
        position:absolute;
        width:380px;
        height:204px;
        padding:0px;
        box-sizing: border-box;
        display:none;
        opacity:0;
        top:50%;left:50%;
        transform: translate(-50%, -50%);
        z-index:1;
        transition: opacity .5s;
        .downloaded-con{
            position:relative;
            width:380px;
            height:204px;
            padding:40px 54px 40px 54px;
            box-sizing: border-box;
            background: #FFFFFF;
            border-radius: 25px;
            z-index:1;
            .downloaded-top-icon{
                position:absolute;
                width:100%;
                height:0px;
                z-index: 1;
                top:0;
                left:50%;
                transform: translate(-50%, 0%);
            }
            .downloaded-title{
                position:relative;
                height:20px;
                z-index:2;
                padding:0;
                margin:0;
                display:block;
                box-sizing: border-box;
                line-height:20px;
                text-align:center;
                font-size:20px;
                font-weight:500px;
                color:#17191A;
                font-family: PingFangSC-Medium, PingFang SC;
            }
            .downloaded-content{
                position:relative;
                display:block;
                z-index:2;
                margin-top:24px;
                line-height:16px;
                font-size:16px;
                box-sizing: border-box;
                text-align:center;
                font-weight:400;
                color:#646566;
                font-family: PingFangSC-Regular, PingFang SC;
            }
            .downloaded-btn{
                position:relative;
                display:block;
                z-index:2;
                margin:0 auto;
                margin-top:24px;
                box-sizing: border-box;
                outline:none;
                border:none;
                width:180px;
                height:40px;
                line-height:40px;
                border-radius:24px;
                text-align:center;
                background: linear-gradient(90deg, #ffb601 0%, #ff970e 70%, #ff8518 100%);
                color:#FFFFFF;
                font-size:14px;
                font-weight:500;
                font-family: PingFangSC-Regular, PingFang SC;
            }
        }
    }
    &.AC{
        .update-con-wr{
            position: absolute;
            width:293px;
            min-height:264px;
            padding-top:39px;
            .update-con{
                position:relative;
                width:293px;
                min-height:235px;
                padding:0;
                padding-top:71px;
                padding-bottom: 40px;
                border-radius: 0 0 14px 14px;
                .update-top-icon{
                    position: absolute;
                    width:293px;
                    height:100px;
                    top:-39px;
                    left:0;
                    transform: none;
                    background: url() center center no-repeat;
                    background-size: 293px 100px;
                }
                .update-title{
                    height:18px;
                    margin-top:16px;
                    line-height:18px;
                    font-size:18px;
                }
                .update-content{
                    margin-top:19px;
                    width:100%;
                    padding-left:24px;
                    padding-right:24px;
                    line-height:18px;
                    font-size:16px;
                }
                .update-btn{
                    width:240px;
                    height:40px;
                    line-height:40px;
                    border-radius:20px;
                    margin-top:30px;
                    font-size:14px;
                    background: #15CC98;
                }
            }
        }
        .downloaded-con-wr{
            .downloaded-con{
                .downloaded-btn{
                    background: #15CC98;
                }
            }
        }
    }
}

